<template>
	<view class="tabbar">
		<u-tabbar :value="current" @change="change" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true"
			activeColor="rgba(62, 139, 248, 1)">
			<u-tabbar-item text="首页" icon="home-fill"></u-tabbar-item>
			<u-tabbar-item text="分类" icon="file-text-fill"></u-tabbar-item>
			<u-tabbar-item text="学习" icon="bag-fill"></u-tabbar-item>
			<u-tabbar-item text="我的" icon="account-fill"></u-tabbar-item>
		</u-tabbar>
	</view>
</template>

<script>
	/*
		高度 和 图片 大小与符合预期
			找到 uview 源码 进行更改 
			node_modules/uview-ui/components/u-tabbar  css wrapp --- 60  更改外框高度
			u-tabbar-item  更改 文字大小  css text 16  更改图标大小 --- template -- icon size = 30
	*/
	export default {
		props:{
			current: {
				type: Number,
				default: 0
			}
		},
		data() {
			return {
				value: 0,
				list: [{
						pagePath: "/pages/home/home"
					},
					{
						pagePath: "/pages/list/list"
					},
					{
						pagePath: "/pages/study/study"
					},
					{
						pagePath: "/pages/mine/mine"
					}
				]
			}
		},
		onShow() {
			uni.hideTabBar();
		},
		methods: {
			change(index) {
				// if(index === 2){
				// 	if(uni.getStorageSync('token')){
				// 		uni.switchTab({
				// 			url: this.list[index].pagePath
				// 		})
				// 	}else {
				// 		// 提示登录
				// 	}
				// }else {
					uni.switchTab({
						url: this.list[index].pagePath
					})
				//}
				
			}
		}
	}
</script>

<style>
</style>
